{% extends 'admin/base/base.html' %}


{% block title %}
  工单统计图
{% endblock %}

{% block content_header %}
  工单统计
{% endblock %}

{% block content_option_desc %}
  正确的决策来自众人的智慧
{% endblock %}


{% block main_content %}
  <link rel="stylesheet" href="{% static 'css/admin/base/bootstrap-datepicker.min.css' %}">
  <link rel="stylesheet" href="{% static 'css/admin/base/zxt.css' %}">
 <style>
   .ml20 {
     margin-left: 20px;
   }

   .mt20 {
     margin-top: 20px;
   }
 </style>
  <section class="content-header">
 <div class="box">
   <div class="box header" style="margin: 0;">
     <div action="" class="form-inline">
       <div class="form-group ml20 mt20">
         <label for="select-time">时间：包含</label>
         {% if start_time %}
         <input type="text" class="form-control" placeholder="请选择起始时间" readonly
                id="start_time" name="start_time" value="{{ start_time }}">
           {% else %}
           <input type="text" class="form-control" placeholder="请选择起始时间" readonly
                  id="start_time" name="start_time">
         {% endif %}
         - 不包含
          {% if end_time %}
        <input type="text" class="form-control" placeholder="请选择结束时间" readonly
               id="end_time" name="end_time" value="{{ end_time }}">
          {% else %}
            <input type="text" class="form-control" placeholder="请选择结束时间" readonly id="end_time" name="end_time">
          {% endif %}
       </div>
       <div class="form-group ml20 mt20">
         <label for="idcn">机房：</label>
         <select class="form-control" id="idcn" name="idcn_id">
           <option value="0">--请选择标签--</option>
           {% for one_idcn in idcn %}

             {% if idcn_id and one_idcn.id == idcn_id %}
               <option value="{{ one_idcn.id }}" selected>{{ one_idcn.name }}</option>
             {% else %}
               <option value="{{ one_idcn.id }}">{{ one_idcn.name }}</option>
             {% endif %}

           {% endfor %}
         </select>
       </div>
     <div class="form-group ml20 mt20">
         <label for="idczb">值班类型：</label>
         <select class="form-control" id="idczb" name="idc_zb">
           <option value="0">--请选择标签--</option>


             <option value="5*8时间段工单">5*8时间段工单</option>
             <option value="非5*8时间段工单">非5*8时间段工单</option>

         </select>
       </div>
     <div class="form-group ml20 mt20">
         <label for="idcjj">紧急程度：</label>
         <select class="form-control" id="idcjj" name="idc_jj">
           <option value="0">--请选择标签--</option>


             <option value="非紧急工单">非紧急工单</option>
             <option value="紧急工单">紧急工单</option>

         </select>
       </div>
       <div class="form-group ml20 mt20">
         <button class="btn btn-primary" id="test-search">查询</button>
         <a href="{% url 'admin:Zxingtu' %}" class="btn btn-info ml20">清除查询</a>
       </div>
     </div>
   </div>
 </div>
  </section>
  <div   id="main1" class="content container-fluid"  style="border-color: rgb(195, 201, 208); background-color:rgb(250, 250, 250) ;"></div>

{#  <div   id="main2" class="content container-fluid"  style="border-color: rgb(195, 201, 208); background-color:rgb(250, 250, 250) ;"></div>#}

  <div   id="main" class="content container-fluid"  style="border-color: rgb(195, 201, 208); background-color:rgb(250, 250, 250) ;min-height: 550px"></div>

  <div>
    <form method="" action="" style="background-color: rgb(250, 250, 250);">
      <table class="news1">
        <thead>
          <caption>机房操作工单数量统计</caption>
        <tr>
						<th class="intention-wh" style="background: #a092c2;">工单类型</th>
						<td class="content-wh"  style="background: #a092c2;">工单数量</td>
						<td class="content-wh" style="background: #a092c2;">工单耗时</td>
					</tr>
        </thead>
        <tbody class="news1">
{#					<tr>#}
{#						<th class="intention-wh">同机房服务器搬迁（包含上下架、基础环境搭建、开机进系统）</th>#}
{#						<td class="content-wh">10</td>#}
{#						<td class="content-wh">20</td>#}
{#					</tr>#}
{#					<tr>#}
{#						<th class="intention-wh">同机房服务器搬迁（包含上下架、基础环境搭建、开机进系统</th>#}
{#						<td class="content-wh">30</td>#}
{#						<td class="content-wh">300</td>#}
{#					</tr>#}
{#					<tr>#}
{#						<th class="intention-wh">同机房服务器搬迁（包含上下架、基础环境搭建、开机进系统</th>#}
{#						<td class="content-wh">500</td>#}
{#						<td class="content-wh">700</td>#}
{#					</tr>#}
{#          <tr>#}
{#						<th class="intention-wh">同机房服务器搬迁（包含上下架、基础环境搭建、开机进系统</th>#}
{#						<td class="content-wh">500</td>#}
{#						<td class="content-wh">700</td>#}
{#					</tr>#}
				</tbody>
      </table>
    </form>
  </div>

  <div>
    <form method="" action="" style="background-color: rgb(250, 250, 250);">
      <table class="news">
        <thead>

        </thead>
        <tbody class="news1">


				</tbody>
      </table>
    </form>
  </div>

{% endblock %}

{% block script %}
  <script src="{% static 'js/searches/echarts.min.js' %}"></script>
  <script type="text/javascript" src="{% static 'js/searches/zuxingtu.js' %}"></script>
  <script src="{% static 'js/admin/news/bootstrap-datepicker.min.js' %}"></script>
  <script src="{% static 'js/admin/news/bootstrap-datepicker.zh-CN.min.js' %}"></script>
  <script src="{% static 'js/admin/news/news_manage.js' %}"></script>
  <script type="text/javascript" src="{% static 'js/admin/news/zxt.js' %}"></script>
{% endblock %}